<!DOCTYPE html>
<html lang="zh-cn">
<!-- 横向两个div，宽度各占50% -->
<head>
	<meta charset="utf-8" />
	<title>测试</title>
	<style>
		body {
			margin: 0px;
            height: 100vh;
            overflow: hidden;
		}

		.d1,
		.d2 {
			color: #ffffff;
			font-size: 14px;
            /* display: inline-block; */
			float: left;
		}

		.d1 {
			background-color: #ff9999ab;
		}


		.d1 {
			width: 100px;
            height: 100px;
		}

        .content{
            background-color: aquamarine;
        }

	</style>
</head>

<body>
        <p>定义和用法
        line-height 属性设置行间的距离（行高）。

        注释：不允许使用负值。

        说明
        该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

        line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

        原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值。
        定义和用法
line-height 属性设置行间的距离（行高）。

注释：不允许使用负值。

说明
该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值。
定义和用法
line-height 属性设置行间的距离（行高）。

注释：不允许使用负值。

说明
该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值。</p>
    <span>mmmmmxmmmmmxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span>
	<div class="d1">浮动zbx</div>
    <div class="content">
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
            This is some text. This is some text. This is some text.
    </div>


</body>

</html>
